<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  
  <body>
    <!-- SVG源码嵌入：容易导致代码过长，且该SVG无法复用难以维护 -->
    <svg t="1669551977407" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
      p-id="5091" width="200" height="200">
      <!-- 路径<path> -->
      <path d="M512 512m-320 0a320 320 0 1 0 640 0 320 320 0 1 0-640 0Z" fill="#1296db" p-id="5092"></path>
      <!-- 圆<circle> -->
      <circle cx="200" cy="200" r="100" fill='red'/>
      <!-- 线<line> -->
      <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2"/>
    </svg>
    
    <!-- <img>标签嵌入：导致SVG不可编辑 -->
    <img src="./static/star.svg">
    
    <!-- <iframe>标签嵌入：iframe宽高需与SVG相同且去除边框 -->
    <iframe src="./static/star.svg" width="200" height="200" style="border: none"></iframe>
    
    <!-- <object>标签嵌入 -->
    <object data="./static/star.svg" type="image/svg+xml"></object>
    
    <!-- <embed>标签嵌入 -->
    <embed src="./static/star.svg" type="image/svg+xml">
  </body>
</html>